<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>影院后台管理系统</title>
<base th:href="${#request.getContextPath()}+'/'">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/layui.css" media="all">
<link rel="stylesheet" href="css/serch.css" media="all">
<!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
<style>
/*html, body, #container {
            height: 100%;
            width: 100%;
        }*/
.content-window-card {
	position: relative;
	box-shadow: none;
	bottom: 0;
	left: 0;
	width: auto;
	padding: 0;
}

.content-window-card p {
	height: 2rem;
}

.custom-info {
	border: solid 1px silver;
}

div.info-top {
	position: relative;
	background: none repeat scroll 0 0 #F9F9F9;
	border-bottom: 1px solid #CCC;
	border-radius: 5px 5px 0 0;
}

div.info-top div {
	display: inline-block;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	padding: 0 10px;
}

div.info-top img {
	position: absolute;
	top: 10px;
	right: 10px;
	transition-duration: 0.25s;
}

div.info-top img:hover {
	box-shadow: 0px 0px 5px #000;
}

div.info-middle {
	font-size: 12px;
	padding: 10px 6px;
	line-height: 20px;
}

div.info-bottom {
	height: 0px;
	width: 100%;
	clear: both;
	text-align: center;
}

div.info-bottom img {
	position: relative;
	z-index: 104;
}

span {
	margin-left: 5px;
	font-size: 11px;
}

.info-middle img {
	float: left;
	margin-right: 6px;
}
</style>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript"
	src="https://webapi.amap.com/maps?v=1.4.8&key=a1661afb10b214933c08f95f60668d52"></script>
<script src="layui.js" charset="utf-8"></script>
<style type="text/css">
a:hover {
	text-decoration: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}
</style>
<style>
.test {
	height: 100px;
	font-size: 70px;
	color: black;
	font-family: "biaoti";
	text-align: center;
}

.part2 {
	color: #3F3F3F;
	font-family: "zhengwen";
	width: 90%;
	margin: 0px auto;
}

.part {
	color: #3F3F3F;
	font-family: "zhengwen";
	width: 90%;
	height: 460px;
	margin: 0px auto;
}

.part1 {
	color: #3F3F3F;
	font-family: "zhengwen";
	width: 600px;
	height: 450px;
	line-height: 50px;
	float: left;
}
</style>
</head>
<body>
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo">影院后台管理系统</div>
			<!-- 头部区域（可配合layui已有的水平导航） -->
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item"><a href="javascript:;"> <img
						src="http://t.cn/RCzsdCq" class="layui-nav-img"> 贤心
				</a>
					<dl class="layui-nav-child">
						<!-- <dd><a href="">消息<span class="layui-badge">99+</span></a></dd> -->
					</dl></li>
				<li class="layui-nav-item"><a href="logout">退了</a></li>
			</ul>
		</div>

		<div class="layui-side layui-bg-black">
			<div class="layui-side-scroll">
				<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<ul class="layui-nav layui-nav-tree" lay-filter="test">
					<li class="layui-nav-item">
			          <a  href="movieSystem.html">主页(统计信息)</a>
			        </li>
			       <li class="layui-nav-item">
			          <a href="businessManagement.html">营业管理</a>
			        </li>
					<li class="layui-nav-item layui-nav-itemed"><a href="javascript:;">影院管理</a>
						<dl class="layui-nav-child">
			          	<dd class="layui-this"><a href="moiveinfo.html">总影院详情</a></dd>
			            <dd><a href="mymoivesystem.html">分影院管理</a></dd>
			            <dd><a href="halllist.html">影厅管理</a></dd>
			            <dd><a href="movies.html">影片管理</a></dd>
						<dd><a href="hall.html">添加影厅</a></dd>
						<dd><a href="arrange.html">排片</a></dd>
			        	<dd><a href="uploadvideo.html">上传影片</a></dd>
			          </dl></li>
					<li class="layui-nav-item"><a href="feedback.html">信息反馈</a></li>
				</ul>
			</div>
		</div>


		<div class="layui-body">
			<!-- 内容主体区域 -->
			<div style="padding: 20px;">
				<fieldset class="layui-elem-field layui-field-title">
					<legend>
						<img src="img/ic_honkan.svg" width="30px">&nbsp;&nbsp;总影院详情
					</legend>
				</fieldset>
				<br />

				<div class="" style="margin: 10px 300px 10px 200px;">
					<span style="font-weight: bold; font-size: 15px;">影院预览：</span><br />
					<br />
					<div class="layui-form-item">
						<div class="layui-carousel" id="test10" lay-filter="test10">
							<div carousel-item="">
								<div>
									<img src="images/img1.jpg" style="width: 420px; height: 200px;" />
								</div>
								<div>
									<img src="images/img2.jpg" style="width: 420px; height: 200px;" />
								</div>
							</div>
						</div>
					</div>
					<div class="layui-form-item">
						<span style="font-weight: bold; font-size: 15px;">影院名称：</span> <span
							style="color: #666666; font-size: 15px;">太平洋影院</span>
					</div>
					<div class="layui-form-item">
						<div style="width: 620px; height: 200px;">
							<span style="font-weight: bold; font-size: 15px;">影院介绍：</span> <span
								style="color: #666666; font-size: 14px;">
								五星级新城市电影城于2005年9月16日正式揭幕。影城拥有9个国际标准电影放映厅
								，近1310个符合人体力学的高级舒适坐席。配备电脑售票和会员卡消费系统、影厅多媒体播放系统、 等离子电视墙、影城局域网、 LED
								显示屏、中央空调系统、自动扶梯、直升电梯等先进设施。 影城具有保障五星级标准的整套管理制度及服务质量保证体系，采用国际流行方式，
								设置观众进退场专用通道，以及无障碍通道和残疾人专用卫生洁具 </span>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
	<script src="layui.js" charset="utf-8"></script>
	<script>
		layui.use('element', function() {
			var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

			//监听导航点击
			element.on('nav(demo)', function(elem) {
				//console.log(elem)
				layer.msg(elem.text());
			});
		});

		layui.use([ 'carousel', 'form' ],
				function() {
					var carousel = layui.carousel, form = layui.form;

					//常规轮播
					carousel.render({
						elem : '#test1',
						arrow : 'always'
					});

					//改变下时间间隔、动画类型、高度
					carousel.render({
						elem : '#test2',
						interval : 1800,
						anim : 'fade',
						height : '120px'
					});

					//设定各种参数
					var ins3 = carousel.render({
						elem : '#test3'
					});
					//图片轮播
					carousel.render({
						elem : '#test10',
						width : '420px',
						height : '200px',
						interval : 5000
					});

					//事件
					carousel.on('change(test4)', function(res) {
						console.log(res)
					});

					var $ = layui.$, active = {
						set : function(othis) {
							var THIS = 'layui-bg-normal', key = othis
									.data('key'), options = {};

							othis.css('background-color', '#5FB878').siblings()
									.removeAttr('style');
							options[key] = othis.data('value');
							ins3.reload(options);
						}
					};

					//监听开关
					form.on('switch(autoplay)', function() {
						ins3.reload({
							autoplay : this.checked
						});
					});

					$('.demoSet').on('keyup', function() {
						var value = this.value, options = {};
						if (!/^\d+$/.test(value))
							return;

						options[this.name] = value;
						ins3.reload(options);
					});

					//其它示例
					$('.demoTest .layui-btn').on('click', function() {
						var othis = $(this), type = othis.data('type');
						active[type] ? active[type].call(this, othis) : '';
					});
				});
		//页码
		layui.use([ 'laypage', 'layer' ], function() {
			var laypage = layui.laypage, layer = layui.layer;
			laypage.render({
				elem : 'demo1',
				count : 70 //数据总数
				,
				jump : function(obj) {
					console.log(obj)
				}
			});
			laypage.render({
				elem : 'demo2',
				count : 70 //数据总数
				,
				jump : function(obj) {
					console.log(obj)
				}
			});
		});
		//全选
		document.getElementById("check").onclick = function() {
			var checked = document.getElementById("check").checked;
			var checkson = document.getElementsByName("oid");
			if (checked) {
				for (var i = 0; i < checkson.length; i++) {
					checkson[i].checked = true;
				}
			} else {
				for (var i = 0; i < checkson.length; i++) {
					checkson[i].checked = false;
				}
			}
		}

		layui.use('element', function() {
			var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

			//监听导航点击
			element.on('nav(demo)', function(elem) {
				//console.log(elem)
				layer.msg(elem.text());
			});
		});

		layui.use('form', function() {
			var form = layui.form;

			//监听提交
			form.on('submit(formDemo)', function(data) {
				layer.msg(JSON.stringify(data.field));
				return false;
			});
		});
	</script>


</body>
</html>
